
.main-header .logo a h1{
display:none;
}
.logo-wrapper .img-wrapper img {
width: 300px;
--height: auto;
}

/* using links shows download button of link */
/* links dont work the same way on this site as to NZU, B2B/B2C credo hybrids */
.info-item.product-links{
	display:none;
}
/* product info */ 
/* layout */ 
.single-product-page .long-description {
	margin-bottom: 0px;
}

.single-product-page .brief-description {
  text-align: left;
  font: normal normal normal 14px/16px Roboto;
  line-height: 16px;
  letter-spacing: 0px;
  color: #000000;
}

/* product title */
.product-title {
    font-size: 32px !important;
    line-height: 30px !important;
}
/* size guide */
.bun-product-sizeguide { 
	margin:0px; 
}
/* product specs */ 
.bun-product-desc > li {
	line-height: 20px !important;
}
/* product specs fabric */
li.fabric {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* category */
.breadcrumb-container{
 text-align:center;
}
.breadcrumb{
 padding:0px !important; 
}

.category-page .cat-maintitle-heading{
 margin-top:30px;
}

/* home page */
.home-page .hero-banner .title {
 font-weight: 600;
}
.home-page .hero-banner .subtitle {
 font-weight: 400;
 /* font-size: 30px; */
}
.home-page .featured-products-text {
 font-weight: 600;
 /* font-size: 44px; */
}
.custom-socks-for-school-wrapper .elements-overlay .sub-description {
 text-align:center;
}
.custom-socks-for-school-wrapper .elements-overlay .title {
 font-weight: 600;
 /* font-size: 44px; */
}


 .home-page .bunnell-knows-wrapper h1, 
.home-page .bunnell-knows-wrapper h2, 
.home-page .bunnell-knows-wrapper h3, 
.home-page .bunnell-knows-wrapper h4, 
.home-page .bunnell-knows-wrapper h5 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.home-page .bunnell-knows-wrapper h2 > span{
	font-weight: 600;
    font-size: 44px !important;
}
.home-page .bunnell-knows-wrapper p > span{
	font-weight: 300;
    font-size: 22px !important;
} 



 
/* Inline #16 | https://bunnellsocks.nzuniforms.com/pages/Privacy-Policy-2020.htmx */

.FS > li::before {
  /* position: absolute; */
    position: inherit !important;
}

.RB > li::before {
  /* position: absolute; */
    position: inherit !important;
}




/* background image mobile top and override for bottom*/ 
@media(max-width:767px) {
	.custom-socks-for-school-wrapper .image-wrapper img {
		display: none;
	}

	.custom-socks-for-school-wrapper .image-wrapper {
		background-image: url('/userfiles/Bunnell/rainbow_socks_AdobeStock_329969316.jpg');
		background-position-x: 25%;
	}

 	.socks-benefits-wrapper .image-wrapper img {
		display: none;
	}

	.socks-benefits-wrapper .image-wrapper {
		background-image: url('/userfiles/Bunnell/school_girl_AdobeStock_352817136.jpg')!important; 
		background-position-x: 25%;
	} 

} 

/* override for top */ 
.custom-socks-for-school-wrapper .image-wrapper img {
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
} 


/* various for bottom image to match tops */ 
/* nzu_bunnell.css | https://bunnellsocks.nzuniforms.com/ViewsCustom/nzu_bunnell/css/nzu_bunnell.css?v=1.8002 */

.home-page .socks-benefits-wrapper .image-wrapper img {
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-page .socks-benefits-wrapper {
  height: 620px;
  background-color: #ffd800;
  width: 100%;
  position: relative;
}

/* set to designs height, fixes issues in ipad portrait view */ 
@media (max-width: 1023px) {
  .home-page .socks-benefits-wrapper {
    /* height: 500px; */
    height: 620px !important;
  }
}

/* Element | https://bunnellsocks.nzuniforms.com/ */
/* image-wrapper */ 
.socks-benefits-wrapper > div:nth-child(1) {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}


/* ipad view bit wonky still have issues with side menu cart button */ 
/* standard.css | https://bunnellsocks.nzuniforms.com/Content/RS2/css/standard.css?v=1.8002 */

@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  header .head-inner-wrap {
    /* padding: 10px 15px; */
    padding: 25px 15px;
  }
}

